<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
		</script>
		<script>
			$(document).ready(function() {
				$("#btn1").click(function() {
					$("div").contents().filter("em").wrap("<b/>");
				});
				$("#btn2").click(function() {
					$("li").each(function() {
						alert($(this).text())
					});
				});
			});
		</script>
	</head>

	<body>
		<button id="btn1">查找所有文本节点并且包裹它们</button><br>
		<div><em>Hello world! What a beautiful day!</em></div>
		<p>在这个实例中,通过点击按钮,我们查找到所有div元素内得文本节点，并且使用b元素包裹它们。</p>
		<hr />
		<button id="btn2">输出每个列表项的值</button>
		<ul>
			<li>Coffee</li>
			<li>Milk</li>
			<li>Soda</li>
		</ul>

	</body>

</html>